<template>
  <!--          入口main.js                  -->
  <!--              ↓                       -->
  <!--      new Vue(Vue实例化)              -->
  <!--              ↓                        -->
  <!--          App.vue根组件                -->
  <!--              ↓                        -->
  <!--      ↓       ↓        ↓                -->
  <!--    组件1   组件2    组件3              -->

  <!-- 单vue文件好处是,独立作用域 互相不影响 -->


  <!-- 插值表达式 {{}} 或者叫做大胡子语法-->
  <div>
      <h1>{{msg}}</h1>
      <h2>{{obj.name}}</h2>
      <h2>{{obj.age}}</h2>
  </div>
</template>

<script>
export default {
data () {
  return {
    msg:'下雨天',
    obj:{
      name:'obj后面接冒号 别写成=号了',
      age:'24'
    }
  }
}
}
</script>

<style>

</style>